// pages/sharesome/sharesome.js
const DB = wx.cloud.database();
const saysome = DB.collection("saysome");
const userInfo = DB.collection("UserInfo");
// 上传图片数组
var upImage = []
var app = getApp()
// id值
var id = ""
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 选择的图片
    chooseImgs : [],
    // 手机点击的图片
    getImages : [],
    // 用户名
    NAME : "未登录请先登录",
    // 用户头像
    HEADIMG : ""
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let that = this
    // 获取全局用户id 渲染当前界面用户 不然都不知道谁发的说说
    id = app.globalData.userId
    // 获取用户信息
    userInfo.where({
      _id : id
    }).get().then(res => {
      let info = res.data
      // 数据绑定 渲染wxml用户名 头像
      that.setData({
        NAME : info[0].userName,
        HEADIMG : info[0].headImg
      })
      

    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页up面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  // 触发分享事件
  publish:function(e){
    let that = this
    let _content = e.detail.value.content_text
    // 校验分享内容是否为空
    if(_content == ""){
      wx.showToast({
        title: '请输入文本',
        icon:"none"
      })
    }
    // 校验用户是否登录
    else if(id == ''){
      wx.showToast({
        title: '请先登录',
        icon:"none"
      })
    }
    else{
      // 添加分享数据信息
      saysome.add({
        data:{
          // 获取用户头像
          headImg : that.data.HEADIMG,
          //获取用户名
          userName : that.data.NAME,
          // 日期
          time : app.getCurrentTime(),
          // 获取输入文本
          content : _content,
          // 获取分享图片 为一维数组
          images : this.data.getImages,
          
        }
      })
      wx.hideLoading()
      // 图片数组清空，便于下次使用 否则会被叠加
      this.data.getImages = []
      wx.showToast({
        title: '分享成功'
      })
    }
  },
  // 获取手机相册拍照的图片
  getImgs:function(){
    let _this = this
    // 使用chooseImage图片选择函数
    wx.chooseImage({
      // 一次3张图片
      count: 3,
      success : (res) => {
        // 保留图片数据，保证用户可以间断的添加图片
        _this.setData({
          //防止再次选择被覆盖 拼接
          chooseImgs : [...this.data.chooseImgs,...res.tempFilePaths]
        })
        // 更新图片数组
        upImage = this.data.chooseImgs
        // 交互设置 页面加载
        wx.showLoading({
          title: '上传图片中......',
        })
        // 图片上传到云存储空间
        upImage.forEach((v,i)=>{
          // console.log(v)
          wx.cloud.uploadFile({
            //临时路径
            filePath: v,
            //云空间路径 存储的名字 格式
            cloudPath:'lossPlanIcon/img/' + new Date().getTime() +'.png',
            success : (res) =>{
              // 获取上传成功的图片路径
              this.data.getImages.push(res.fileID)
              wx.hideLoading()

            },
            
          })
        })
      },
      fail: (res) => {
        console.log(res)
      }
    })
    
  },
  // 点击对应图片 删除为上传的图片
  delImg:function(e){
    const {indexs} = e.currentTarget.dataset;
    console.log(indexs)
    let {chooseImgs} = this.data;
    //数组删除元素函数 splice(索引，张数)
    chooseImgs.splice(indexs,1);
    //数据重新赋值
    this.setData({
      chooseImgs
    })
  },

  
  
})